<template>
	<view>
		<view class="direction" :style="drieopacity" v-if="isshowGuide">
			<view class="finger">
				<image src="/static/image/finger.png" mode="aspectFill"></image>
			</view>
			<image class="guideline" src="/static/image/direction.png" mode="aspectFill"></image>
		</view>
		<mescroll-body ref="mescrollRef" @init="mescrollInit" :down="downOption" :up="upOption" @down="downCallback"
		 @up="upCallback">
			<view class="welfare-item">
				<!--短视频icon-->
				<view :class="['shortvideo-icon-position',lotteryinfo.luckconfig.senior.joinconfig.short_video_platform==2?'kwaibgs':'']" v-if="lotteryinfo.luckconfig.senior.joinconfig.short_video_platform>0">
					<image :src="lotteryinfo.luckconfig.senior.joinconfig.short_video_platform==1?'/static/image/follow_douyin.png':'/static/image/follow_kwai.png'"></image>
				</view>
				<view class="moneyshow">
					<view class="textshows">
						<view class="headimg">
							<image :src="lotteryinfo.sponsor.bTitle?lotteryinfo.sponsor.bAvatar:lotteryinfo.sponsor.avatar"></image>
							<view class="headtext" @click="gotomainbrand(lotteryinfo.sponsor.id)">
								<view class="wechatnicknames">{{lotteryinfo.sponsor.bTitle?lotteryinfo.sponsor.bTitle:lotteryinfo.sponsor.nickname}}</view>
								<view>发起了一个红包抽奖</view>
							</view>
						</view>
						<view class="drawmoney">
							<text>￥</text>{{lotteryinfo.paytotal>0?lotteryinfo.paytotal:lotteryinfo.redTotal}}
						</view>
					</view>
				</view>

				<view class="textinfo">
					<view class="text-title" v-for="(item,index) in lotteryinfo.prizeimgarr" :key="index">{{prizetitle[index]}}等奖：<text
						 class="pin">{{item.red_envelope_type=='count'?'拼':'普'}}</text>{{item.title}}</view>
					<!--开奖方式-->
					<view class="drawopentype">
						<view class="lefttype">
							<view class="soon" v-if="lotteryinfo.luckconfig.drawopen.draw_type=='timing' &&  lottery_status==0">
								<view class="soon-title">即将开奖</view>
								<view class="soon-timers"><text>{{hours}}</text>时<text>{{minutes}}</text>分<text>{{seconds}}</text>秒</view>
							</view>
							<view style="margin: 10rpx 0;" v-else-if="lotteryinfo.luckconfig.drawopen.draw_type=='timing' && lottery_status>0">{{lotteryinfo.luckconfig.drawopen.start_time}}
								自动开奖</view>
							<view style="margin: 10rpx 0;" v-else-if="lotteryinfo.luckconfig.drawopen.draw_type=='manchu'">满{{lotteryinfo.luckconfig.drawopen.total_people}}人自动开奖</view>
							<view style="margin: 10rpx 0;" v-else-if="lotteryinfo.luckconfig.drawopen.draw_type=='manual'">发布者手动开奖</view>
							<view class="zhuli adverguan" v-if="lotteryinfo.advertising">广告</view>
							<view class="zhuli" v-if="lotteryinfo.luckconfig.senior.boost">助力</view>
						</view>

						<!--已担保商品产品-->
						<view class="soon-money" v-if="(lotteryinfo.paytotal>0 && lottery_status<1 &&  lotteryinfo.pattern==2) || (lotteryinfo.paytotal>0 && lotteryinfo.pattern==1)">
							<image src="../../static/image/renzhen.png" mode="aspectFill"></image>
							<text>已担保¥{{lotteryinfo.paytotal}}元</text>
						</view>
						<view style="font-size: 28rpx; color: #FF0000;margin-right: 30rpx;" v-if="lottery_status>0">已结束</view>
					</view>

					<!--增粉显示-->
					<view v-if="lotteryinfo.luckconfig.senior.shortvideo_cond">参与条件：
						<text class="tip" v-if="lotteryinfo.luckconfig.senior.joinconfig.short_video_platform>0">关注{{lotteryinfo.luckconfig.senior.joinconfig.short_video_platform==1?'抖音':'快手'}}号参与</text>
					</view>
					<view v-else-if="lotteryinfo.luckconfig.senior.joinfans">参与条件：<text class="tip">关注公众号参与</text></view>
					<view v-else-if="lotteryinfo.luckconfig.senior.joincondition">参与条件：
						<text class="tip" v-if="lotteryinfo.luckconfig.senior.joinconfig.limited_sex>0">仅限{{lotteryinfo.luckconfig.senior.joinconfig.limited_sex==1?'男':'女'}}生</text>
						<text class="tip" v-if="lotteryinfo.luckconfig.senior.joinconfig.limited_password">口令抽奖</text>
						<text class="tip" v-if="lotteryinfo.luckconfig.senior.joinconfig.limited_real_name>0">实名抽奖</text>
					</view>
				</view>
				<!--赞助商-->
				<view class="sponsor">{{lotteryinfo.sponsor.bTitle?lotteryinfo.sponsor.bTitle:lotteryinfo.sponsor.nickname}} 赞助</view>
			</view>

			<!--赞助商通道-->
			<view class="sponsorinto">
				<text>{{lotteryinfo.pattern ===1?'抽奖发起人':'赞助商'}}</text>

				<view @click="gotomainbrand(lotteryinfo.sponsor.id)" class="auths" v-if="lotteryinfo.sponsor.bTitle">
					<!--是否显示已认证的个人主页信息-->
					<view v-if="lotteryinfo.sponsor.bAuth==2" class="alredyauth">
						<image src="/static/image/authicon.png" mode="aspectFill"></image>
						<text>{{lotteryinfo.sponsor.bTitle}}</text>
					</view>
					<view v-else class="release_userinfo">
						<image :src="lotteryinfo.sponsor.bAvatar" class="avatars"></image>
						<text>{{lotteryinfo.sponsor.bTitle}} ›</text>
					</view>
				</view>
				<view class="release_userinfo" v-else>
					<text>{{lotteryinfo.sponsor.nickname}}</text>
				</view>
			</view>


			<!--抽奖管理-->
			<view class="sponsorinto" v-if="lottery_status==0 && lotteryinfo.sponsor.id==userinfo.id">
				<view class="prizemanger" @click="gotoeditprize">
					<image src="../../static/image/manger.png"></image>
					<text>抽奖管理</text>
				</view>
				<view class="prizeline"></view>
				<navigator url="/pages/release/extension" class="prizemanger">
					<image src="../../static/image/openinfo.png"></image>
					<text>首页推广</text>
				</navigator>
			</view>

			<!--开奖后发起人查看中奖者地址-->


			<!--设置公众号粉丝提示内容，只可自己看-->
			<view class="accountfans" v-if="lottery_status<=0 && lotteryinfo.luckconfig.senior.joinfans && lotteryinfo.sponsor.id===userinfo.id && parseInt(lotteryinfo.luckconfig.senior.joinconfig.wx_mp_id)">
				<view class="tiptitle">提示：此模块仅发起人可见</view>
				<view class="fansinfo">
					<view class='fanssuccess'>已设置成功（{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_name}}）</view>
					<view>您现在可以关注公众号<text style="color: #378aff;">【{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_name}}】</text>,并在公众号中回复<text
						 style="color: #378aff;">【“{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_key}}”】</text>参与抽奖</view>
				</view>
			</view>

			<!--自定义公众号粉丝参与提示，仅自己可见-->
			<view class="accountfans" v-if="lotteryinfo.luckconfig.senior.joinfans && lotteryinfo.sponsor.id===userinfo.id && !parseInt(lotteryinfo.luckconfig.senior.joinconfig.wx_mp_id)">
				<view class="tiptitle">教程：三步即可完成粉丝抽奖设置</view>
				<view class="fansinfo fontsizeinfo">
					<view>1.获取该抽奖的粉色专属抽奖码，保存到相册</view>
					<view>2.在公众号自动回复中设置关键词<text style="color: #378aff;">“{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_key}}”</text>，并将粉丝专属抽奖码设为回复内容。</view>
					<view>3.告知粉丝在公众号回复关键词<text style="color: #378aff;">“{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_key}}”</text>参与抽奖</view>
				</view>
				<view class="getrqcode">
					<view class="rqcodebutton" @click="getfanscode">获取粉丝专属抽奖码</view>
				</view>
			</view>

			<!--商品文字详情-->
			<view class="detail">
				<!--详情-->
				<view class="contents" v-if="lotteryinfo.luckconfig.explaininfo.explanation">
					<image class="douhao" src="../../static/image/douhao.png"></image>
					<text>{{lotteryinfo.luckconfig.explaininfo.explanation}}</text>
				</view>
				<!--添加方式信息-->
				<view class="friends" v-if="lotteryinfo.luckconfig.explaininfo.contactinfo.id>0">
					<view class="f-title">{{lotteryinfo.luckconfig.explaininfo.contactinfo.copywriting}}</view>
					<view class="wechat">
						<view class="wechat-item">
							<view class="wechat-icon">
								<image src="../../static/image/wechat.png"></image>
							</view>
							<view class="wechat-color">{{lotteryinfo.luckconfig.explaininfo.contactinfo.attention_text}}</view>
						</view>
						<view class="addfriend" v-if="lotteryinfo.luckconfig.explaininfo.contactinfo.scan_code>0" @click="togodownqrcode">添加好友</view>
						<view class="addfriend" v-else @click="wechatcopys">一键复制</view>
					</view>
				</view>
			</view>
			
			<!--视频模块-->
			<view class="videoposter" @click="watchvideo" v-if="lotteryinfo.luckconfig.rel_videourl && lotteryinfo.luckconfig.rel_videourl.video_url" >
				<image :src="lotteryinfo.luckconfig.rel_videourl.cover_url" mode="heightFix"></image>
				<view class="player-button">
					<view class="sanjiao"></view>
				</view>
				<video id="videos" class="videos" v-if="videourl" @play="videoplay" @fullscreenchange="fullscreenchange"
				 :src="videourl" @error="videoErrorCallback" :title="lotteryinfo.luckconfig.rel_videourl.title" controls="true" autoplay>
				</video>
			</view>

			<!--好友助力模块-->
			<friends-help :passwordmultiple="lotteryinfo.boost_magnification" @openhelppass="openhelppass" :drawid="luckyid"
			 :boostdata="lotteryinfo.luckconfig.senior.boostconfig" @openwechatshare="openwechatshare" v-if="lotteryinfo.luckconfig.senior.boost && Participated && lottery_status==0"></friends-help>
			<!--抽奖按钮-->
			<view v-if="lottery_status<1" class="draw" :style="{transform:'translateX('+translate+'rpx)'}" @touchstart="starts"
			 @touchend="ends">
			 <!--是否需要出现用户引导-->
			 <view class="guide" v-if="isshowGuide">
			 	<image src="/static/image/finger.png" mode="aspectFill"></image>
			 	<view class="guideinfo">
			 		<view class="guidesanjiao"></view>
			 		<view class="guidetext">点击参与抽奖</view>
			 	</view>
			 </view>
				<view class="draw-item" @tap="joindraw">
					<view :class="['draw-botton',Participated?'draw-botton-opacity':'']">{{firstballtext[firstballIndex]}}</view>
					<view class="move-draw" v-if="!Participated"></view>
				</view>
				<!--是否显示参与后小球 Participated true为已参与false参与-->
				<view class="point" v-if="Participated">■■■■■■■■■■</view>
				<view class="draw-item" v-if="Participated">
					<view class="draw-botton" @click="continuefinish">{{secondballtext[secondballIndex]}}</view>
					<view class="move-draw"></view>
					<view class="tipbox" v-if="Participated && suspensiontip">
						<view class="tipline">{{secondballtip[secondballIndex]}}</view>
						<view class="sanjiao"></view>
					</view>
				</view>
			</view>

			<!--引入中奖者组件-->
			<winners :winlottery="lotteryinfo" :dreawid="luckyid" v-if="lotteryinfo.pattern==2 && lottery_status>0 && lotteryinfo.winuser.selfWin"></winners>

			<!--参与人数-->
			<view class="people" v-if="lotteryinfo.pattern==2">
				<view class="people-text">已有{{jointotalpeople}}人参与，<navigator :url="'/pages/lottery/joinlottery?id='+luckyid" class="rankings">查看排行榜
						›</navigator>
				</view>
				<view class="people-avatar">
					<image v-for="(item,index) in head" lazy-load="true" :key="index" :src="item.avatar"></image>
				</view>
				<navigator url="/pages/proposal/proposal" class="tousu">我要投诉 ›</navigator>
			</view>

			<!--商品详情与评论-->
			<view class="particulars" v-if="lotteryinfo.luckconfig.senior.details.detailsinfo || lotteryinfo.luckconfig.senior.comment.comment">
				<!--选项卡切换-->
				<me-tabs v-model="tabIndex" :tabs="tabs" @change="tabChange" :height="100" v-if="lotteryinfo.luckconfig.senior.details.detailsinfo  && lotteryinfo.luckconfig.senior.comment.comment"></me-tabs>
				<!-- {{tabIndex}} -->
				<view v-if="lotteryinfo.luckconfig.senior.details.detailsinfo && tabIndex==0">
					<jyf-parser class="richtext" :html="lotteryinfo.luckconfig.senior.details.detailsinfo" :selectable="true"></jyf-parser>
					<!--显示跳转锦鲤广场-->
					<!-- <navigator url="/pages/square/square" class="square">
						<image src="/static/image/squer.png" mode="aspectFill"></image>
						<view class="gotosquare">
							<view class="title">锦鲤广场（中奖晒单）</view>
							<view class="desc">听说吸多了锦鲤欧气就能中奖</view>
							<view class="empty"></view>
							<view class="square-button">
								<view class="button">去吸欧气</view>
							</view>
						</view>
					</navigator> -->
				</view>
				<view v-if="lotteryinfo.luckconfig.senior.comment.comment && tabIndex==1">
					<comment :initiator="initiator" :userinfo="userinfo" class="comments" @replycomment="replycomment" :commentlist="commentlist"></comment>
				</view>
				<!-- <swiper :current="tabIndex" :style="{height: height}" @change="hangeswiper">
					<swiper-item v-if="lotteryinfo.luckconfig.senior.details.detailsinfo">
						<view class="shopimgdetail">
							<jyf-parser class="richtext"  :html="lotteryinfo.luckconfig.senior.details.detailsinfo" :selectable="true"></jyf-parser>
							<rich-text class="richtext" :node="lotteryinfo.luckconfig.senior.details.detailsinfo"></rich-text>
						</view>
					</swiper-item>
					<swiper-item v-if="lotteryinfo.luckconfig.senior.comment.comment">
						<comment :initiator="initiator" :userinfo="userinfo" class="comments" @replycomment="replycomment" :commentlist="commentlist"></comment>
					</swiper-item> -->
				</swiper>
			</view>

			<!--建议-->
			<complaint></complaint>
			<!--轮播图广告-->
			<adver advertype="lottery"></adver>
			<!--增加高度-->
			<view style="height: 150rpx;"></view>
		</mescroll-body>


		<!--开奖后按钮-->
		<view class="buybotton" v-if="lottery_status>0">
			<view class="button-box" v-if="lotteryinfo.sponsor.id===userinfo.id">
				<navigator url="/pages/release/release" class="botton-item">
					<image src="/static/image/addicon.png"></image>
					<text>再发一个抽奖</text>
				</navigator>
				<view class="botton-item order-botton" @click="copydraws">
					<image src="/static/image/copy.png"></image>
					<text>复制该抽奖</text>
				</view>
			</view>
			<!--非自己发起的抽奖-->
			<view class="button-box" v-else>
				<view class="botton-item" @click="joinmoredreaw">
					<image src="/static/image/tabbar/whitelettey.png"></image>
					<text>参与更多抽奖</text>
				</view>
				<navigator url="/pages/release/release" class="botton-item order-botton">
					<image src="/static/image/tabbar/icon_lottery.png"></image>
					<text>我要发起抽奖</text>
				</navigator>
			</view>
		</view>
		<!--开奖前快捷按钮-->
		<view class="buybotton" v-else>
			<view class="botton-item" @click="userwx_share">
				<image src="../../static/image/wechat.png"></image>
				<text>分享该抽奖</text>
			</view>
			<!--用户继续编辑-->
			<view class="botton-item order-botton" v-if="lotteryinfo.luckconfig.drawopen.draw_type=='manual' && lotteryinfo.pattern==2 &&lotteryinfo.sponsor.id==userinfo.id && lotteryinfo.partInCount>0 && lottery_status==0"
			 @tap="handdrawshow=true">
				<view class="icon iconfont" style="font-size: 35rpx;color: #333;margin-right: 5rpx;">&#xe6e4;</view>
				<text>现在开奖</text>
			</view>
			<view @click="gotoeditprize" class="botton-item order-botton" v-else-if="lottery_status==0 && lotteryinfo.sponsor.id===userinfo.id">
				<image src="../../static/image/tabbar/icon_index_1.png"></image>
				<text>{{lotteryinfo.pattern==1?'继续':''}}编辑</text>
			</view>

			<view class="botton-item order-botton" v-else @click="joinmoredreaw">
				<image src="../../static/image/tabbar/icon_index_1.png"></image>
				<text>参与更多抽奖</text>
			</view>
		</view>

		<!--参与抽奖领红包进度-->
		<redbagfix ref="redbagfix" :style="{visibility:dayredbagshow}" @closefixredbag="closefixredbag" redbagheight="120" tipheight="125" ></redbagfix>

		<!--抽奖提示-->
		<tipdraw :visible="visible">
			<view class="drawtimer">
				<text>{{tipmsg}}</text>
				<text>请留意开奖通知，不要错过哦~</text>
				<view class="button">
					<view class="buttoncolor" @click="sharefriend">分享好友</view>
					<view class="buttoncolor bgcolor" @click="colsetipdraw">好的</view>
				</view>
			</view>
		</tipdraw>

		<!--引入分享模块-->
		<wx-share ref="wx_share" :drawid="luckyid" :wxshare="wxshare"></wx-share>

		<!--回复评论-->
		<alert :visible="replyvisble" modeltitle="活动评论">
			<form @submit="formdata">
				<textarea class="textareainfo" name="commenttext" :placeholder="commentplaceholder" maxlength="140"></textarea>
				<button class="save-button" form-type="submit">提交</button>
			</form>
		</alert>

		<!--口令参与抽奖-->
		<alert :visible="alertpassword" modeltitle="口令">
			<form @submit="passworddata" style="width: 90%;">
				<input class="passwords" name="passwords" type="text" placeholder="请输入口令" maxlength="20"></input>
				<button class="save-button" form-type="submit">提交</button>
			</form>
		</alert>

		<!--助力口令领取中奖倍数-->
		<alert :visible="helppasswords" modeltitle="输入助力口令">
			<form @submit="helpform" style="width: 90%;">
				<view style="margin-bottom:20rpx;font-size:28rpx;" v-if="lotteryinfo.sponsor.id==userinfo.id">你设置的口令：{{lotteryinfo.luckconfig.senior.boostconfig.boost_password}}</view>
				<input class="passwords" name="helppasswords" type="text" placeholder="请输入助力口令" maxlength="20"></input>
				<button class="save-button" form-type="submit">确认</button>
			</form>
		</alert>

		<!--手动开奖提示-->
		<alert modeltitle="手动开奖" :visible="handdrawshow">
			<view class="continuetip">
				<text>该抽奖目前已有{{jointotalpeople}}人参与，是否确认立即开奖？</text>
				<view class="editbutton">
					<view class="again" @tap="handdrawshow=false">取消</view>
					<view class="continue" @click="handdraw">确定</view>
				</view>
			</view>
		</alert>

		<!--好友助力提示-->
		<alert modeltitle="好友助力" :visible="friendproblemshow" :isclosebutton="false">
			<view class="tipcontents">
				<text>1、 参与抽奖后你将获得1个抽奖码。</text>
				<text>2、 每邀请1位好友助力增加。</text>
				<text>3、 开奖时系统随机抽取抽奖码中奖。</text>
				<view class="openbutton" @click="friendproblemshow=false">我知道了</view>
			</view>
		</alert>

		<!--一键复制联系人-->
		<alert modeltitle="已成功复制" @opencopytip="opencopytip" :visible="copysuccessTip" :isclosebutton="false">
			<view class="tipcontents">
				<text>快去微信添加发起人领奖吧~</text>
				<view class="openbutton" @click="copysuccessTip=false">我知道了</view>
			</view>
		</alert>


		<!--公众号粉丝参与提示-->
		<alert :modeltitle='"仅限【"+lotteryinfo.luckconfig.senior.joinconfig.wx_mp_name+"】粉丝参与"' :visible="joinfansshow">
			<view class="fanstip">
				<view class="textinfo"><text class="boxmun">1</text>复制公众号去微信粘贴搜索【{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_name}}】</view>
				<view class="textinfo"><text class="boxmun">2</text>在公众号中回复“<text style="color: #FF0000;">{{lotteryinfo.luckconfig.senior.joinconfig.wx_mp_key}}</text>”参与抽奖</view>
				<view class="fansbutton" @click="joinfans">已复制公众号，去微信搜索</view>
			</view>
		</alert>

		<!--获取公众号粉丝专属抽奖码-->
		<alert modeltitle="" :visible="joinfansqrcode_show">
			<view class="fanstip fontsizesamll">
				<view class="textinfo">
					<image :src="exclusiverqcode" mode="aspectFill"></image>
				</view>
				<view class="textinfo"><text class="boxmun">1</text>在公众号设置关键词自动回复该抽奖码</view>
				<view class="textinfo"><text class="boxmun">2</text>粉丝只有通过扫该抽奖码才可参与抽奖</view>
				<view class="fansbutton" @click="fans_save">保存到相册</view>
			</view>
		</alert>
		<!--抖音或快手粉丝参与-->
		<alert :modeltitle='shortvideo_info.title' :visible="shortVideo">
			<view class="douyinjoin">
				<view class="textinfo">
					<view class="follow" :style="{'background-color':shortvideo_info.background_color}" @click="douyin_follow">
						<image :src="shortvideo_info.icon" mode="aspectFill"></image>
						<view>{{shortvideo_info.follow}}</view>
					</view>
					<view>{{shortvideo_info.desc}}</view>
				</view>
				<view class="douyinsubmit">
					<form @submit="douyinjoin">
						<input class="inputstyle" name="dyaccount" type="text" :placeholder="shortvideo_info.placeholder" maxlength="50"></input>
						<button class="buttonstyle" form-type="submit">确认参与</button>
					</form>
				</view>
			</view>
		</alert>
		<!--全局加载-->
		<loadingpage v-if="globelloading"></loadingpage>
	</view>
</template>
<script>
	/**
	 * 红包抽奖详情
	 */
	import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
	export default {
		mixins: [MescrollMixin],
		data() {
			return {
				downOption: {
					use:false
				},
				//上拉参数配置
				upOption: {
					use:false
				},
				videourl: '',
				//videoContext:'',
				shortvideo_info: {
					title: '仅抖音粉丝参与',
					desc: '点击上方按钮关注并复制该抖音号填写在下方，确认后即可参与抽奖。',
					follow: '点击关注抖音号',
					placeholder: '输入您关注的抖音号',
					icon: '/static/image/follow_douyin.png', //static/image/follow_kwai.png
					background_color: '#161823',
					//background_color: '#ff4906', //快手
				}, //短视频参数配置
				shortVideo: false, //短视频关注提示
				isshowGuide:false,//是否需要引导
				helppasswords: false, //是否显示助力口令输入框
				exclusiverqcode: '', //自定义公众号粉丝专属码
				joinfansqrcode_show: false, //公众号粉丝专属码显示
				joinfansshow: false, //公众号粉丝参与
				globelloading: true, //全局数据加载
				copysuccessTip: false, //显示复制小提示
				friendproblemshow: false, // 好友助力小提示
				handdrawshow: false, //手动开奖提示
				jointotalpeople: 0, //参与人数
				alertpassword: false, //口令参与
				initiator: {}, //奖品活动发起人信息
				followcommentid: '', //跟随回复的id
				commentplaceholder: '请输入活动评论(最多140字)', //提示
				commentlist: [], //评论列表
				replyvisble: false, //回复评论
				dayredbagshow:`visible`,//是否需要显示每日红包进度
				//redbagfixshow: true, //是否需要显示每日红包进度
				userinfo: uni.getStorageSync('user_info'), //内存中用户信息
				wxshare: false, //是否显示分享模块
				selects: ['.richtext', '.comments'],
				height: 400, //轮播高度
				lock: false, //锁
				tipmsg: '抽奖等待中...', //参与提示
				suspensiontip: false, //是否关闭悬浮提示 false代表关闭
				firstballIndex: 0, //第一个小球索引值
				secondballIndex: 2, //第二个小球索引值
				firstballtext: ['点击抽奖', '参与中...', '待开奖'], //第一个小球状态 
				secondballtext: ['加好友', '看视频', '去分享'],
				secondballtip: ['添加发起人，兑奖更方便', '观看视频提升1~10倍中奖率'], //第二小球漂浮小提示
				Participated: false, //是否已参与抽奖
				lottery_status: 0, //是否开奖
				tabIndex: 0,
				tabs: ['商品详情', '活动评论'],
				lotteytime: 10,
				visible: false,
				head: '',
				translate: 0, //参与后小球移动-210为已参与小球
				startmove: '',
				lotteryinfo: this.$luckinit, //奖品展示数据
				prizetitle: ['一', '二', '三', '四', '五'],
				luckyid: 0, //抽奖ID
				pages: 1,
				hours: 0, //时
				minutes: 0, //分
				seconds: 0, //秒
				drieopacity:'',//是否隐藏上拉引导
				openclose:true,
				monitortime:'',//监听时间关闭浏览器
				FullScreen:false
			}
		},
		//监听右上角事件
		onNavigationBarButtonTap() {
			uni.switchTab({
				url: '/pages/index/index'
			})
		},
		onLoad(option) {

			//console.log(uni.getStorageSync('user_info'))
			if (option.id) {
				//已发布模式，从服务器请求数据
				this.luckyid = option.id;
				this.initdetail(option.id);

			} else {
				//预览模式
				this.lotteryinfo = uni.getStorageSync('lettytables');
				this.renderingpage(0);
			}

			//监听关闭弹窗口
			uni.$on("closewindown", (option) => {
				//关闭alret提示框
				this.visible = option;
				this.wxshare = option;
				this.replyvisble = option;
				this.alertpassword = option;
				this.friendproblemshow = option;
				this.joinfansshow = option;
				this.joinfansqrcode_show = option;
				this.helppasswords = option;
				this.shortVideo = option
			})
			//打开助力好有小提示
			uni.$on('openfriendtip', (param) => {
				this.friendproblemshow = param;
			})
			this.showfixbag()
			this.lottey_guide()
		},
		onUnload() {
			console.log('lottery页面卸载!!!!')
			//uni.$off() 
			//关闭打开浏览器的定时器
			if(this.monitortime){
				clearInterval(this.monitortime)
			}
		},
		// onHide() {
		// 	console.log('lottery页面隐藏!!!!')
		// 	if(this.monitortime){
		// 		clearInterval(this.monitortime)
		// 	}
		// },
		//监听关闭悬浮红包
		computed: {
			fixbagshow() {
				return this.$common.state.fixredbagshow;
			}
		},
		watch: {
			fixbagshow(value) {
				this.dayredbagshow = 'hidden';
			},
			lotteryinfo() {
				setTimeout(() => {
					this.globelloading = false;
				}, 600)
			}
		},
		onReady: function(res) {
		
			this.videoContext = uni.createVideoContext('videos')
		
		},
		onPageScroll(e){
			if(e.scrollTop>250){
				//隐藏上拉引导
				this.drieopacity = `visibility: hidden`
			}else{
				//显示上拉引导
				this.drieopacity = `visibility: visible`
			}
		},
		methods: {
			//打开广告窗口
			showadver(adverurl) {
				//判断是否加锁，防止用户二次点击唤起广告
				if(this.lock){
					return 
				}
				//创建webview窗口
				let _this=this
				let wv = plus.webview.create(adverurl, 'custom-webview', {
					width: '100%',
					height: '100%',
					top: '0',
					left: '0',
					statusbar: {
						background: '#378aff'
					},
					progress: {
						color: '#cee2fd',
					},
					kernel: 'WKWebview',
					titleNView: {
						titleColor: '#fff',
						backgroundColor: '#378aff',
						buttons: [{
							color: '#fff',
							float: 'left',
							onclick: function() {
								console.log(_this.openclose)
								if(_this.openclose){
									return
								}
								plus.webview.getWebviewById('custom-webview').close('slide-out-bottom', 300)
								_this.openclose = true
							}
						}]
					}
				})
				//显示webview控件
				wv.show('slide-in-bottom', 300)
				let outtime =10
				this.monitortime =  setInterval(()=>{
					outtime--
					if(outtime<=0){
						_this.openclose = false
						wv.setTitleNViewButtonStyle(0, {
							"text": '×',
							"fontSize":"25px"
						})
						clearInterval(this.monitortime)
						_this.requestdreaw()
						_this.$ShowMsg('抽奖参与成功','success')
						return
					}
					wv.setTitleNViewButtonStyle(0, {			
						"text": outtime+'s',
						"fontSize":"14px"
					})
				},1000)
				//关闭webview触发
				wv.addEventListener('close', function() {
					//成功参与抽奖
					//_this.requestdreaw() 
				})
			},
			//观看短视频
			watchvideo() {
				//console.log(this.videoContext)
				// uni.showLoading({
				// 	title: '视频加载中...',
				// 	mask: true
				// });
				this.videoContext.play()
				this.videourl = this.lotteryinfo.luckconfig.rel_videourl.video_url
				console.log('获取播放地址成功')
			},
			videoplay() {
				console.log('play')
				console.log(this.videourl)
				//uni.hideLoading()
				if(!this.FullScreen){
					this.FullScreen = true
					this.videoContext.requestFullScreen({
						direction: 0
					})
				}
			},
			
			//退出全屏
			fullscreenchange(e){
				//退出全屏为true为进入全屏
				if(!e.detail.fullScreen){
					console.log('fullscreenchange')
					this.videourl = '' 
					this.FullScreen =false 
					//this.watchvideo()
					//this.videoContext.exitFullScreen()退出全屏
				}
			},
			//视频播放错误回调
			videoErrorCallback(error) {
				console.log(error)
			},
			
			//复制抖音口令并打开段视频个人主页
			douyin_follow() {
				let url = 'snssdk1128://'
				if (this.lotteryinfo.luckconfig.senior.joinconfig.short_video_platform == 1) {
					url = 'snssdk1128://user/profile/'
				} else if (this.lotteryinfo.luckconfig.senior.joinconfig.short_video_platform == 2) {
					url = 'kwai://profile/'
				}
				plus.runtime.openURL(url + this.lotteryinfo.luckconfig.senior.joinconfig.short_video_userid)
			},
			
			//短视频粉丝参与
			douyinjoin(e) {
				let form = e.detail.value
				let errortip = '抖音号'
				if (this.lotteryinfo.luckconfig.senior.joinconfig.short_video_platform == 2) {
					errortip = '快手号'
				}
				if (form.dyaccount) {
					if (form.dyaccount == this.lotteryinfo.luckconfig.senior.joinconfig.short_video_account) {
						this.shortVideo = false
						//请求后台处理 
						this.requestdreaw({
							short_video_account: form.dyaccount,
							short_video_id:this.lotteryinfo.luckconfig.senior.joinconfig.short_video_id
						})
					} else {
						this.$ShowMsg(errortip + '错误', 'error')
					}
				} else {
					this.$ShowMsg(errortip + '不正确', 'error')
				}
			},
			
			//获取用户是否需要引导
			lottey_guide() {
				//是否需要出现引导
				this.isshowGuide = this.$common.state.ttylguide
			},
			
			//用户在预览模式下不能分享
			userwx_share() {
				if (this.lotteryinfo.pattern == 1) {
					this.$ShowMsg('预览模式下不支持分享抽奖！')
					return
				}
				//查看是否登陆
				if(this.$Logintip()){
					this.$Userlogin()
					return
				}
				this.wxshare = true
			},

			//打开复制小提示
			opencopytip() {
				this.copysuccessTip = true
			},

			//关闭悬浮红包
			closefixredbag() {
					console.log('关闭了')
				this.dayredbagshow = 'hidden';
			},
			//开奖倒计时
			countdown(strstarttime) {
				let date = strstarttime;
				date = date.substring(0, 19);
				date = date.replace(/-/g, '/');
				let starttime = new Date(date).getTime() / 1000;
				let dates = starttime - Date.parse(new Date()) / 1000;
				//console.log(dates 88220);
				//console.log(starttime,Date.parse(new Date()) / 1000)
				let interval = setInterval(() => {
					this.hours = parseInt(dates / (60 * 60)).toString().length < 2 ? '0' + parseInt(dates / (60 * 60)) : parseInt(
						dates / (60 * 60));
					this.minutes = parseInt((dates % (60 * 60)) / 60).toString().length < 2 ? '0' + parseInt((dates % (60 * 60)) /
						60) : parseInt((dates % (60 * 60)) / 60);
					this.seconds = (dates % 60).toString().length < 2 ? '0' + dates % 60 : dates % 60;
					//console.log((dates % 60).toString().length);
					dates--;
					if (dates < 0) {
						clearInterval(interval);
						console.log('时间已结束')
					}
				}, 1000);
			},


			//打开微信分享
			openwechatshare() {
				this.wxshare = true;
			},

			//页面渲染完毕出现详情，否则不能获取到详情数据的高度
			renderingpage(index) {
				if (this.lotteryinfo.luckconfig.senior.details.detailsinfo) {
					setTimeout(() => {
						this.$nextTick(function() {
							this.tabChange(index);
						})
					}, 800)
				}
			},
			//加载更多评论
			loadcomment(e) {
				console.log(e);
			},
			//获取评论列表
			getcommentlist(coid, pages, opentab = true) {
				this.$HttRequest({
					url: '/lotteryComment/lists',
					param: {
						id: coid,
						page: pages,
					},
				}).then((res) => {
					console.log(res)
					if (res.status === 10000) {
						this.commentlist = this.commentlist.concat(res.data.list.data);
						//发起人信息
						this.initiator = res.data.initiator
						if (opentab) {
							this.renderingpage(1);
						}
					} else {
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error);
					console.log(error);
				})
			},

			//开启回复评论
			replycomment(option) {
				if (option) {
					this.commentplaceholder = '@' + option.atwho;
					this.followcommentid = option.id;
				}
				this.replyvisble = true;
				//评论完刷新列表
			},
			//提交评论表单
			formdata(e) {
				let datas = e.detail.value
				if (!datas.commenttext) {
					this.$ShowMsg('评论内容不能为空！');
					return;
				}
				let url = '/lotteryComment/add';
				let postdata = {
					lottery_id: this.luckyid,
					content: datas.commenttext,
				}
				//评论回复
				if (this.followcommentid) {
					url = '/lotteryComment/reply';
					postdata = {
						id: this.followcommentid,
						reply: datas.commenttext,
					}
				}
				//console.log(url,postdata);
				this.$HttRequest({
					url: url,
					param: postdata,
				}, 'POST', true).then((res) => {
					console.log(res);
					if (res.status === 10000) {
						this.replyvisble = false;
						this.followcommentid = '';
						this.commentlist = [];
						this.getcommentlist(this.luckyid, 1);
						if (this.followcommentid) {
							this.$ShowMsg('评论回复成功！')
						} else {
							this.$ShowMsg('评论成功！')
						}

					} else {
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error);
					console.log(error);
				})
			},
			//参与完抽奖弹出分享按钮
			sharefriend() {
				//分享组件分享好友
				this.$refs.wx_share.getposter(false);
			},

			//继续编辑奖品
			gotoeditprize() {
				if (this.lotteryinfo.pattern == 1) {
					//预览模式下返回上一页
					uni.navigateBack({
						delta: 1
					})
				} else {
					//非预览模式必须有ID跳转
					uni.navigateTo({
						url: "/pages/bagdraw/bagdraw?id=" + this.luckyid
					})
				}
			},
			//参与更多抽奖
			joinmoredreaw() {
				uni.switchTab({
					url: '/pages/index/index',
				})
			},
			//是否需要显示每日红包进度
			showfixbag() {
				this.$nextTick(function() {
					this.$refs.redbagfix.bagprgress()
				})
			},
			//请求数据
			initdetail(id) {
				console.log(id);
				this.$HttRequest({
					url: '/lottery/details',
					param: {
						id: id
					},
				}).then((res) => {
					console.log(res);
					if (res.status === 10000) {
						let lotteydata = res.data;
						lotteydata.pattern = 2; //已发布模式
						this.Participated = lotteydata.partIn; //是否参与抽奖
						this.lottery_status = lotteydata.lottery_status; //是否已开奖 0未开奖
						this.lotteryinfo = lotteydata;
						//是否为定时开奖出现倒计时
						if (lotteydata.luckconfig.drawopen.draw_type == 'timing' && this.lottery_status == 0) {
							this.countdown(lotteydata.luckconfig.drawopen.start_time)
						}

						//是否已参与抽奖或开奖
						if (lotteydata.lottery_status > 0 || lotteydata.partIn) {
							this.colsetipdraw(false)
						}
						//如果有评论无描述设置tabIndex
						if (!lotteydata.luckconfig.senior.details.detailsinfo && lotteydata.luckconfig.senior.comment.comment) {
							this.tabIndex = 1;
						}
						//是否获取评论数据
						if (lotteydata.luckconfig.senior.comment.comment) {
							this.getcommentlist(id, this.pages, false)
						}
						//抽奖已开删除用户所在的中奖位置的其中一个人
						if (lotteydata.lottery_status > 0 && lotteydata.winuser.selfWin && lotteydata.winuser.selfWin.level != 99) {
							console.log(lotteydata.winuser);
							if (lotteydata.winuser.winList[lotteydata.winuser.selfWin.level].length > 8) {
								let winninglist = lotteydata.winuser.winList[lotteydata.winuser.selfWin.level]
								winninglist.splice(winninglist.length - 1, 1)
								this.lotteryinfo.winuser.winList[lotteydata.winuser.selfWin.level] = winninglist
							}
						}
						//参与列表
						this.userjoinlist();
						this.renderingpage(0);
						// console.log(this.lotteryinfo);
					} else {
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error);
					console.log(error);

				});
			},

			//轮播图切换
			hangeswiper(e) {
				let index = e.detail.current;
				this.tabIndex = index;
				let seletedclass = this.selects[index];
				let info = uni.createSelectorQuery().in(this).select(seletedclass).boundingClientRect()
				info.exec(res => {
					console.log(res);
					this.height = res[0].height + 20 + 'px'
				})
			},
			//选项卡切换
			tabChange(e) {
				this.tabIndex = e;
				// let seletedclass = this.selects[e];
				// let info = uni.createSelectorQuery().in(this).select(seletedclass).boundingClientRect()
				// info.exec(res => {
				// 	console.log(res);
				// 	this.height = res[0].height + 20 + 'px'
				// })
			},

			//详情下载二维码
			togodownqrcode() {
				uni.navigateTo({
					url: '/pages/release/downimg?imgresources=' + this.lotteryinfo.luckconfig.explaininfo.contactinfo.qr_code,
				})
			},
			//一键复制微信或公众号
			wechatcopys() {
				uni.setClipboardData({
					data: 'hello',
					success: function() {
						console.log('success');
					}
				});
			},
			//去品牌主页
			gotomainbrand(id = null) {
				//console.log(id);
				//查看是否登陆
				if (this.$Logintip()) {
					this.$Userlogin()
					return
				}
				if (id) {
					uni.navigateTo({
						url: "/pages/brand/mainbrand?id=" + id
					})
				}
			},
			starts(e) {
				this.startmove = e.changedTouches[0].clientX;
				console.log('start');
			},
			ends(e) {
				//未开奖不能移动小球
				if (!this.Participated) {
					return;
				}
				if (e.changedTouches[0].clientX > this.startmove) {
					this.translate = 215
				} else if (e.changedTouches[0].clientX < this.startmove) {
					this.translate = -215
				}
			},

			//口令抽奖提交
			passworddata(e) {
				let formpaswd = e.detail.value;
				if (formpaswd.passwords) {
					if (formpaswd.passwords == this.lotteryinfo.luckconfig.senior.joinconfig.limited_password) {
						//this.$ShowMsg('口令正确！');
						this.alertpassword = false;
						this.requestdreaw();
					} else {
						this.$ShowMsg('口令错误！');
						return;
					}
				} else {
					this.$ShowMsg('口令不能为空！');
					return
				}
			},
			//获取参与列表
			userjoinlist() {
				this.$HttRequest({
					url: '/lottery/partInList',
					param: {
						id: this.luckyid,
						page: 1,
						pageSize: 18
					}
				}).then((res) => {
					console.log(res);
					if (res.status === 10000) {
						this.head = res.data.data;
						this.jointotalpeople = res.data.total;
					} else {
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error.errMsg);
				});
			},

			//公众号粉丝参与抽奖复制内容
			joinfans() {
				uni.setClipboardData({
					data: this.lotteryinfo.luckconfig.senior.joinconfig.wx_mp_name,
					success: function() {
						this.joinfansshow = false
						//内容复制成功！
					}
				})
			},

			//参与抽奖
			joindraw() {
				//预览模式下不参与抽奖
				if (this.lotteryinfo.pattern == 1) {
					this.$ShowMsg('预览模式下，不支持参与抽奖');
					return;
				}
				//查看是否登陆
				if(this.$Logintip()){
					this.$Userlogin()
					return
				}
				//如果是已参与状态失去点击并且可以幻起分享
				if (this.Participated) {
					this.wxshare = true;
					return;
				}
				// console.log(this.userinfo);
				//参与条件必须是男生
				if (this.lotteryinfo.luckconfig.senior.joincondition) {
					//限制性别
					if (this.lotteryinfo.luckconfig.senior.joinconfig.limited_sex > 0) {
						if (this.lotteryinfo.luckconfig.senior.joinconfig.limited_sex != this.userinfo.gender) {
							this.$ShowMsg('参与者性别不符！');
							return;
						}
					}
					//是否实名认证
					console.log(this.lotteryinfo.luckconfig.senior.joinconfig.limited_real_name);
					if (this.lotteryinfo.luckconfig.senior.joinconfig.limited_real_name > 0) {
						//real_name为false,未实名
						if (!this.userinfo.real_name) {
							this.$ShowMsg('您未实名认证，请前往[个人中心]-[设置中心]-[实名认证]！');
							return;
						}
					}

					//是否需要口令抽奖
					if (this.lotteryinfo.luckconfig.senior.joinconfig.limited_password) {
						this.alertpassword = true;
						return;
					}
					
					//是否为短视频粉丝参与
					if (this.lotteryinfo.luckconfig.senior.joinconfig.short_video_platform > 0) {
						//默认抖音号提示，快手号提示修改
						if (this.lotteryinfo.luckconfig.senior.joinconfig.short_video_platform == 2) {
							this.shortvideo_info = {
								title: '仅快手粉丝参与',
								desc: '点击上方按钮关注并复制该快手号填写在下方，确认后即可参与抽奖。',
								follow: '点击关注快手号',
								placeholder: '输入您关注的快手号',
								icon: '/static/image/follow_kwai.png', //static/image/follow_kwai.png
								//background_color: '#161823',
								background_color: '#ff4906', //快手
							}
						}
						this.shortVideo = true
						return
					}
				}
				//是否出现APP内广告
				if (this.lotteryinfo.advertising) {
					this.showadver(this.lotteryinfo.advertising.url);
					return;
				}
				//判断是否为公众号粉丝抽奖
				if (this.lotteryinfo.luckconfig.senior.joinfans) {
					this.joinfansshow = true;
					return;
				}

				this.requestdreaw();
			},
			//请求后台服务抽奖
			requestdreaw(request_dreaw = {}) {
				//参与中
				this.firstballIndex = 1;
				//加锁
				if (this.lock) {
					return;
				}
				this.lock = true;
				//提示语 
				if (this.lotteryinfo.luckconfig.drawopen.draw_type == "timing") {
					this.tipmsg = '开奖时间为' + this.lotteryinfo.luckconfig.drawopen.start_time;
				} else if (this.lotteryinfo.luckconfig.drawopen.draw_type == "manchu") {
					this.tipmsg = '当前抽奖人数达到' + this.lotteryinfo.luckconfig.drawopen.total_people + '人开奖';
				} else {
					this.tipmsg = '该抽奖由抽奖发起人手动开奖';
				}
				request_dreaw.id = this.luckyid,
				console.log(request_dreaw)
				//请求后端数据
				this.$HttRequest({
					url: '/lottery/partIn',
					param: request_dreaw
				}).then((res) => {
					console.log(res);
					if (res.status === 10000) {
						//参与成功提醒
						this.visible = true
						//隐藏用户首次参与引导并改变内存数据
						this.isshowGuide = this.$common.state.ttylguide = false
						this.$changefield('lottery_app',false)
						//修改当前奖品已参与
						this.$common.state.dreawid = this.luckyid;
						//参与成功刷新参与列表
						this.userjoinlist();
						//刷新悬浮红包进度
						this.$refs.redbagfix.bagprgress(true);
						
					} else {
						this.lock = false;
						this.firstballIndex = 0;
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					console.log(error)
					//异常错误
					this.$ShowMsg('statusCode：' + error.errMsg);
				});
			},
			//关闭参与提示
			colsetipdraw(isshowtip = true) {
				//解锁
				this.lock = false;
				this.Participated = true;
				//第一个小球设置成待开奖状态
				this.firstballIndex = 2;

				//师傅需要弹出提示
				if (isshowtip) {
					//如果加好友或者看视频需要弹出小提示
					 if (this.lotteryinfo.showAd) {
						//是否要看视频
						//不需要悬浮提示
						this.suspensiontip = true;
						//如果是看视频
						this.secondballIndex = 1;
					}else if(this.lotteryinfo.luckconfig.explaininfo.contactinfo.scan_code > 0) {
						//不需要悬浮提示
						this.suspensiontip = true;
						//第二个小球的状态
						this.secondballIndex = 0;
					} 
				}
				//隐藏提示
				this.visible = false;
				this.translate = -215;
			},

			//手动开奖逻辑
			handdraw() {
				if (this.lock) {
					this.$ShowMsg('正在开奖中，请稍后...')
					return
				}
				this.lock = true;
				this.$HttRequest({
					url: '/lottery/manualWork',
					param: {
						id: this.luckyid
					}
				}, 'GET', true).then((res) => {
					console.log(res);
					if (res.status === 10000) {
						//解锁
						this.lock = false;
						//已开奖
						this.lotteryinfo = res.data;
						this.lotteryinfo.pattern = 2;
						this.lottery_status = 1;
						this.handdrawshow = false;

					} else {
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error.errMsg);
				});
			},

			//继续完成抽奖后的操作
			continuefinish() {
				if (this.secondballIndex == 2) {
					this.wxshare = true;
					return;
				}
				//关闭悬浮提示
				this.suspensiontip = false;
				this.secondballIndex = 2
				if (this.lotteryinfo.showAd) {
					//调用广告组件
					this.adshow()
				} else if (this.lotteryinfo.luckconfig.explaininfo.contactinfo.scan_code > 0) {
					//去扫码
					uni.navigateTo({
						url: '/pages/release/downimg?imgresources=' + this.lotteryinfo.luckconfig.explaininfo.contactinfo.qr_code,
					})
				}
			},

			adshow() {
				this.$ttylAd.show(this.$common.state.adpid, (res) => {
					console.log(res)
					if (res && res.isEnded) {
						this.lookad()
						// 正常播放结束
					} else {
						// 播放中途退出
						this.$ShowMsg('奖励获取失败！')
					}
				}, (err) => {
					console.log(err) // {code: code, errMsg: message}
				})
			},

			//看完广告视频请求数据
			lookad() {
				this.$HttRequest({
					url: '/lottery/videoDoubled',
					param: {
						id: this.luckyid
					}
				}, 'GET', true).then((res) => {
					if (res.status === 10000) {
						this.$ShowMsg('中奖倍数+' + res.data)
						//激励广告成功奖励
						this.$rewardAd()
					} else {
						this.$ShowMsg(res.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error.errMsg);
				})
			},
			//复制抽奖
			copydraws() {
				uni.setStorageSync('lettytables', this.lotteryinfo);
				//跳转页面
				uni.navigateTo({
					url: '/pages/release/launch?pattern=1&continueedit=closewicket',
				})
			},
			getfanscode() {
				this.$HttRequest({
					url: '/mpApp/shareImg',
					param: {
						id: this.luckyid
					}
				}, 'GET', true).then((ret) => {
					//console.log(ret);
					if (ret.status === 10000) {
						this.exclusiverqcode = ret.data;
						this.joinfansqrcode_show = true;
					} else {
						this.$ShowMsg(ret.message)
					}
				}).catch((error) => {
					//异常错误
					this.$ShowMsg('statusCode：' + error.errMsg);
				})
			},
			//保存公众号粉丝自定义保存专属码
			fans_save() {
				let _this = this
				//保存图片到相册
				uni.downloadFile({
					url: _this.exclusiverqcode,
					success: (res) => {
						uni.saveImageToPhotosAlbum({
							filePath: res.tempFilePath,
							success: function(ret) {
								_this.$ShowMsg('专属码已保存至相册！');
								setTimeout(() => {
									_this.joinfansqrcode_show = false;
								}, 1000)
								console.log(ret);
							}
						})
					}
				})
			},
			//打开助力口令窗口
			openhelppass(param) {
				this.helppasswords = param;
			},
			//输入助力口令领取倍数
			helpform(e) {
				let formpaswds = e.detail.value;
				if (!formpaswds.helppasswords) {
					this.$ShowMsg('助力口令不能为空！');
					return;
				}
				console.log(e);
				if (this.lotteryinfo.sponsor.id == this.userinfo.id) {
					this.$ShowMsg('发起人不能通过口令增加中奖倍数！');
					return;
				}
				if (this.lock) {
					return
				}
				this.lock = true;
				if (this.lotteryinfo.luckconfig.senior.boostconfig.boost_password == formpaswds.helppasswords) {
					this.$HttRequest({
						url: '/lottery/boostPassword',
						param: {
							id: this.luckyid,
							password: formpaswds.helppasswords
						}
					}).then((res) => {
						if (res.status === 10000) {
							this.lotteryinfo.boost_magnification = res.data;
							this.lock = false;
							this.helppasswords = false;
							this.$ShowMsg('中奖倍率增加' + res.data + '倍');
						} else {
							this.$ShowMsg(res.message)
						}
					}).catch((error) => {
						//异常错误
						this.$ShowMsg('statusCode：' + error.errMsg);
					});
				}
			}

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f0f0f0;
	}

	swiper-item {
		image {
			margin: 0;
		}
	}
	//关注抖音号
	.douyinjoin {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		flex-direction: column;
	
		.textinfo {
			background-color: #f0f0f0;
			display: flex;
			width: 85%;
			margin: 0 auto;
			border-radius: 20rpx;
			color: #9e9e9e;
			font-size: 28rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			padding: 20rpx;
	
			.follow {
				width: 80%;
				height: 75rpx;
				margin: 0 auto;
				margin: 20rpx 0;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
				border-radius: 20rpx;
	
				image {
					width: 40rpx;
					height: 43rpx;
					margin-right: 10rpx;
				}
			}
		}
	
		.douyinsubmit {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 85%;
			padding: 20rpx;
	
			.inputstyle {
				width: 400rpx;
				height: 58rpx;
				border: 1rpx solid #f0f0f0;
				margin: 10rpx 0;
				padding: 10rpx 20rpx;
				margin-top: 30rpx;
				border-radius: 10rpx;
				font-size: 28rpx;
				background-color: #fff;
			}
	
			.buttonstyle {
				margin-top: 20rpx;
				width: 60%;
				height: 75rpx;
				background-color: $uni-color-primary;
				border-radius: 30rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #fff;
				font-size: 28rpx;
			}
		}
	}
	
	//拖动标示
	.direction{
		position: fixed;
		top: 380rpx;
		left: 350rpx;
		z-index: 999;
		height: 500rpx;
	
		.guideline{
			width: 59rpx;
			height: 251rpx;
			animation:guidehidden 3s infinite;
		}
		.finger{
			position: absolute;
			animation:drag 3s infinite ;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 8888;
			left: 35rpx;
			transform: rotate(-30deg);
			image{
				width: 130rpx;
				height: 103rpx;
				
			}
		}
	}
	@keyframes guidehidden{
		0% {
			opacity: 1;
		}
		90% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	//引导用户拖动动画
	@keyframes drag {
		0% {
			top: 280rpx;
			opacity: 1;
		}
		90% {
			top: -40rpx;
			opacity: 1;
		}
		100% {
			top: -40rpx;
			opacity: 0;
		}
	}
	.tipcontents {
		font-size: 28rpx;
		display: flex;
		justify-content: center;
		flex-direction: column;

		text {
			line-height: 50rpx;
		}

		.openbutton {
			color: #fff;
			font-size: 30rpx;
			margin: 20rpx auto;
			margin-top: 30rpx;
			background-color: $uni-color-primary;
			width: 100%;
			display: flex;
			justify-content: center;
			height: 85rpx;
			border-radius: 20rpx;
			align-items: center;
		}
	}

	//公众号粉丝参与
	.fanstip {
		font-size: 30rpx;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		width: 100%;

		.textinfo {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			margin: 10rpx 0;
			color: #333;

			image {
				width: 520rpx;
				height: 520rpx;
			}
		}

		.boxmun {
			border-radius: 5rpx;
			margin-right: 10rpx;
			width: 30rpx;
			height: 30rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: $uni-color-primary;
			font-size: 22rpx;
			color: #fff;
		}

		.fansbutton {
			color: #fff;
			font-size: 30rpx;
			margin: 20rpx auto;
			margin-top: 30rpx;
			background-color: $uni-color-primary;
			width: 100%;
			display: flex;
			justify-content: center;
			height: 85rpx;
			border-radius: 20rpx;
			align-items: center;
		}
	}

	.fontsizesamll {
		font-size: 25rpx;
	}

	//是否继续编辑按钮
	.continuetip {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 28rpx;

		.editbutton {
			margin: 20rpx auto;
			margin-top: 40rpx;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.again {
				width: 220rpx;
				background-color: #e6e6e6;
				color: #000;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 85rpx;
				border-radius: 40rpx;
			}

			.continue {
				width: 220rpx;
				background-color: $uni-color-primary;
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 85rpx;
				border-radius: 40rpx;
			}
		}
	}

	.passwords {
		border: 1rpx solid #e6e6e6;
		border-radius: 10rpx;
		width: 100%;
		height: 70rpx;
		padding: 10rpx;
	}

	.textareainfo {
		padding: 10rpx;
		border-radius: 10rpx;
		border: 1rpx solid #F0F0F0;
		height: 260rpx;
		width: 580rpx;
	}

	.save-button {
		margin: 20rpx auto;
		margin-top: 35rpx;
		width: 95%;
		height: 90rpx;
		background-color: $uni-color-primary;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 40rpx;
		color: #fff;
		font-size: 30rpx;
		margin-bottom: 40rpx;

	}

	//	是否认证个人主页
	.auths {
		display: flex;
		justify-content: center;
		align-items: center;

		.alredyauth {
			font-size: 25rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			border: 1rpx $uni-color-primary solid;
			color: $uni-color-primary;
			border-radius: 10rpx;
			overflow: hidden;

			text {
				text-align: center;
				padding: 0 20rpx;
			}

			image {
				width: 30rpx;
				height: 29rpx;
				padding: 8rpx;
				background-color: $uni-color-primary;
			}
		}
	}

	.release_userinfo {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 25rpx;

		.avatars {
			margin-right: 10rpx;
			width: 50rpx;
			height: 50rpx;
			border-radius: 50%;
		}
	}

	.button {
		margin-top: 40rpx;
		width: 100%;
		display: flex;
		justify-content: space-around;
		align-items: center;

		.buttoncolor {
			border-radius: 40rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			width: 240rpx;
			height: 90rpx;
			background-color: #f8bc06;
			font-size: 30rpx;
		}

		.bgcolor {
			background: rgba(#9bc3fc, 0.4);
		}
	}

	//开奖后的透明度
	.draw-botton-opacity {
		opacity: 0.8;
	}

	.drawtimer {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		text {
			font-size: 30rpx;
			margin: 5rpx 0;
		}
	}

	.buybotton {
		border-top: 1rpx solid #f6f6f6;
		z-index: 99;
		position: fixed;
		width: 100vw;
		bottom: 0;
		height: 120rpx;
		background-color: #fff;
		justify-content: space-around;
		align-items: center;
		display: flex;

		.button-box {
			display: flex;
			justify-content: space-around;
			align-items: center;
			width: 100%;
		}

		.botton-item {
			background-color: #1769dd;
			justify-content: center;
			align-items: center;
			display: flex;
			height: 80rpx;
			width: 320rpx;
			color: #fff;
			border-radius: 50rpx;
			font-size: 28rpx;

			image {
				width: 35rpx;
				height: 35rpx;
				margin-right: 8rpx;
			}
		}

		.order-botton {
			border: 2rpx solid #4f4f4f;
			color: #4f4f4f;
			background-color: #fff;
		}
	}

	.particulars {
		display: flex;
		flex-direction: column;
		padding-bottom: 30rpx;
		background-color: #fff;

		.richtext {
			padding: 25rpx;
			font-size: 28rpx;
		}
		.square{
			width: 88%;
			padding: 20rpx;
			background-color:#f7f7f7;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 10rpx auto;
			image{
				width: 180rpx;
				height: 180rpx;
				margin-right: 20rpx;
			}
			.gotosquare{
				width: 75%;
				display: flex;
				justify-content: flex-start;
				justify-content: center;
				font-size: 25rpx;
				color: #333;
				flex-direction: column;
				
				.title{
					font-weight: bold;
					font-size: 35rpx;
				}
				.desc{
				color: #9c9c9c;
				}
				.square-button{
					display: flex;
					justify-content: flex-end;
					align-items: center;
					width: 100%;
					.button{
						text-align: center;
						color: #fff;
						width: 135rpx;
						height: 60rpx;
						border-radius: 40rpx;
						background-color: #f96400;
					}
				}
				.empty{
					height: 15rpx;
				}
				
			}
		}
		.shopimgdetail {
			display: flex;
			justify-content: flex-start;
			flex-direction: column;
			align-items: flex-start;
			flex-wrap: wrap;
			padding: 30rpx;
			background-color: #fff;
			font-size: 30rpx;
			line-height: 45rpx;

			image {
				height: 1080rpx;
			}
		}
	}

	.tousu {
		font-size: 27rpx;
		color: #a5a5a5;
		margin-bottom: 25rpx;
	}

	.people {
		width: 87%;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-top: 25rpx;

		.people-text {
			color: #808080;
			font-size: 30rpx;
			display: flex;
			align-items: center;
			justify-content: center;

			.rankings {
				color: #4594d6;
			}
		}

		.people-avatar {
			margin: 25rpx 0;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;

			image {
				margin: 5rpx 5rpx 5rpx 4rpx;
				width: 65rpx;
				height: 65rpx;
			}
		}
	}

	.draw {
		width: 100%;
		white-space: nowrap;
		height: 380rpx;
		color: #fff;
		font-size: 32rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: transform .6s ease-in-out;
		transition-timing-function: cubic-bezier(0.25, 1.55, 0.3, 0.55);
		.guide{
		
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
			z-index: 999;
			top: 250rpx;
			right: 180rpx;
			 animation: guideanimate 1.5s infinite;
			image{
				width: 130rpx;
				height: 103rpx;
			}
			.guideinfo{
				width: 180rpx;
				height: 65rpx;
				display: flex;
				justify-content: center;
				align-items: flex-end;
				flex-direction: column;
		
				.guidesanjiao{
					margin-right: 50rpx;
					width: 0;
					height: 0;
					border-bottom: 8rpx solid  $uni-color-primary;
					border-left: 10rpx solid transparent;
					border-right: 10rpx solid transparent;
				}
				.guidetext{
					background-color: $uni-color-primary;
					font-size: 25rpx;
					color:#fff ;
					width: 180rpx;
					height: 45rpx;
					display: flex;
					justify-content: center;
					align-items: center;
					border-radius:15rpx ;
					padding: 0 5rpx;
					
				}
			}
		}
		.point {
			font-size: 12rpx;
			color: #999999;
			height: 235rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0 20rpx;
			letter-spacing: 5rpx;
			color: #dbdbdb;
		}

		.draw-item {
			display: inline-block;
			position: relative;
			width: 235rpx;
			height: 235rpx;
			position: relative;

			.tipbox {
				position: absolute;
				top: -80rpx;
				left: -95rpx;

				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				animation: updown 1.5s infinite;
				font-size: 25rpx;

				.tipline {
					width: 360rpx;
					background-color: #fff;
					height: 50rpx;
					color: #000;
					border-radius: 15rpx;
					display: flex;
					align-items: center;
					justify-content: center;

					padding: 10rpx 30rpx;
					box-shadow: 0 0 15rpx #e6e6e6;
				}

				.sanjiao {
					width: 0;
					height: 0;
					border-top: 10rpx solid #fff;
					border-left: 10rpx solid transparent;
					border-right: 10rpx solid transparent;
				}
			}

			.move-draw {
				position: absolute;
				width: 235rpx;
				height: 235rpx;
				border-radius: 50%;
				background-color: $uni-color-primary;
				z-index: -1;
				animation: enlarge 1.2s linear infinite;
			}

			.draw-botton {
				position: absolute;
				font-weight: bold;
				letter-spacing: 1rpx;
				background-color: $uni-color-primary;
				width: 235rpx;
				height: 235rpx;
				display: flex;
				border-radius: 50%;
				justify-content: center;
				align-items: center;
				z-index: 22;
			}
		}

	}
	
	//用户引导动画
	@keyframes guideanimate {
		0% {
			top: 250rpx;
			right:180rpx;
		}
	
		50% {
			top: 230rpx;
			right: 200rpx;
		}
	
		100% {
			top: 250rpx;
			right:180rpx;
		}
	}

	@keyframes enlarge {
		from {
			transform: scale(1);
			opacity: 0.5;
		}

		to {
			transform: scale(1.2);
			opacity: 0;
		}
	}

	//动画上下效果
	@keyframes updown {
		0% {
			top: -80rpx;
		}

		50% {
			top: -90rpx
		}

		100% {
			top: -80rpx;
		}
	}
	
	//短视频海报
	.videoposter {
		width: 100%;
		height: 450rpx;
		// background-color: #000;
		background-image: url(../../static/image/videobg.png);
		background-repeat: no-repeat;
		background-size: 100% 450rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		image{
			height: 450rpx;
		}
		.player-button{
			background-color: rgba(#000,0.8);
			border-radius: 50%;
			position: absolute;
			left: 43%;
			top: 160rpx;
			display: inline-block;
			width: 120rpx;
			height: 120rpx;
			text-align: center;
			z-index: 99;
			.sanjiao{
				width: 0;
				height: 0;
				border-left: 45rpx solid #fff;
				border-top: 30rpx solid transparent;
				border-bottom: 30rpx solid transparent;
				position: relative;
				left: 45rpx;
				top: 30rpx;
			}
		}
		.videos {
			height: 1rpx;
			width: 1rpx;
			display: block;
			position: absolute;
			bottom: 0;
			right: 0;
		}
		.teststyle {
			color: #fff;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
	}

	.detail {
		display: flex;
		flex-direction: column;
		background-color: #fef7e5;
		color: #967752;
		font-size: 30rpx;
		padding: 0 20rpx;
		margin: 10rpx 0;

		.friends {

			display: flex;
			justify-content: center;
			align-items: flex-start;
			flex-direction: column;
			padding-top: 15rpx;

			.f-title {

				border-left: 4rpx solid #d4c8b8;
				padding-left: 10rpx;
				font-weight: bold;
				margin-bottom: 12rpx;
				padding-bottom: 10rpx;
			}

			.wechat {
				padding: 20rpx 0;
				width: 100%;
				border-top: 1rpx solid #ece6d7;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.wechat-item {
					display: flex;
					justify-content: center;
					align-items: center;

					.wechat-icon {
						display: flex;
						justify-content: center;
						align-items: center;
						background-color: #706551;
						border-radius: 50%;
						width: 55rpx;
						height: 55rpx;
						margin: 0 15rpx;

						image {
							width: 30rpx;
							height: 30rpx;

						}
					}

					.wechat-color {
						color: #706551;
						font-weight: bold;
					}
				}

				.addfriend {
					background-color: #706551;
					font-size: 28rpx;
					color: #fff;
					border-radius: 40rpx;
					width: 180rpx;
					height: 60rpx;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}

		.contents {
			width: 90%;
			line-height: 45rpx;
			margin: 40rpx auto;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;

			.douhao {
				width: 25rpx;
				height: 25rpx;
				margin-left: -30rpx;
				margin-bottom: 5rpx;
			}
		}
	}

	.sponsorinto {
		color: #393939;
		font-size: 30rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 80rpx;
		padding: 0 30rpx;
		background-color: #fff;
		margin-bottom: 2rpx;

		.prizeline {
			width: 1rpx;
			height: 80rpx;
			background-color: #f0f0f0;
		}

		//奖品管理
		.prizemanger {
			flex: 1;
			height: 100rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			image {
				width: 35rpx;
				height: 35rpx;
				margin-right: 10rpx;
			}

			text {
				font-weight: bold;
				color: $uni-color-primary;
				font-size: 30rpx;
			}
		}
	}

	//粉丝参与提示
	.accountfans {
		display: flex;
		justify-content: flex-start;
		background-color: #fff;
		flex-direction: column;
		font-size: 25rpx;
		color: #393939;
		height: 320rpx;
		margin: 10rpx 0;

		.tiptitle {
			font-size: 28rpx;
			font-weight: bold;
			color: #333;
			padding: 15rpx 10rpx;
			padding-left: 40rpx;
			border-bottom: 1rpx solid #f0f0f0;
		}

		.fansinfo {
			width: 90%;
			margin: 10rpx auto;
			margin-top: 40rpx;
			display: flex;
			justify-content: center;
			flex-direction: column;


			.fanssuccess {
				margin: 10rpx 0;
				font-size: 32rpx;
				font-weight: bold;
				color: $uni-color-primary;
			}
		}
	}

	.welfare-item {
		border-bottom: 1rpx solid #f0f0f0;
		padding-bottom: 15rpx;
		position: relative;
		color: #808080;
		font-size: 25rpx;
		background-color: #fff;
		.shortvideo-icon-position {
			position: absolute;
			left: 20rpx;
			top: 20rpx;
			z-index: 99;
			border: 1rpx solid #fff;
			border-radius:15rpx ;
			background-color: #161823;
			padding:10rpx 15rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 50rpx;
				height:56rpx;
			}
		}
		.kwaibgs{
			background-color: #ff4906;
		}
		.moneyshow {
			color: #fde7c1;
			flex: 1;
			height: 300rpx;
			background-color: $uni-color-primary;
			position: relative;

			.textshows {
				width: 100%;
				height: 300rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 999;
				flex-direction: column;
				position: absolute;

				.headimg {
					display: flex;
					justify-content: center;
					align-items: center;
					margin-top: 30rpx;

					image {
						width: 70rpx;
						height: 70rpx;
						border: 1rpx solid #fff;
						border-radius: 10rpx;
						margin-right: 15rpx;
					}

					.headtext {
						font-size: 22rpx;

						.wechatnicknames {
							font-size: 30rpx;
							font-weight: bold;
						}
					}
				}

				.drawmoney {
					font-size: 120rpx;
					font-weight: bold;
					margin-top: 20rpx;

					text {
						font-size: 45rpx;
						font-weight: normal;
					}
				}
			}

		}

		.moneyshow:after {
			z-index: 55;
			bottom: -60rpx;
			position: absolute;
			content: '';
			border-radius: 0 0 50% 50%;
			background-color: $uni-color-primary;
			width: 140%;
			height: 80px;
			left: -160rpx;

		}

		.sponsor {
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			height: 32rpx;
			padding: 10rpx 20rpx;
			border-top-left-radius: 20rpx;
			border-bottom-left-radius: 20rpx;
			background-color: rgba(#000, 0.6);
			color: #fff;
			z-index: 999;
			top: 20rpx;
			right: 0;
		}

		.canyuicon {
			display: block;
			width: 129rpx;
			height: 60rpx;
			position: absolute;
			top: 0;
		}

		image {
			width: 750rpx;
			height: 400rpx;
		}

		.textinfo {
			display: flex;
			flex-direction: column;
			margin: 20rpx 0;
			margin-top: 100rpx;
			margin-left: 35rpx;

			.drawopentype {
				display: flex;
				justify-content: space-between;
				flex: 1;
				margin: 10rpx 0;

				.lefttype {
					display: flex;
					justify-content: flex-start;
					align-items: center;


					.zhuli {
						display: flex;
						justify-content: center;
						align-items: center;
						padding: 5rpx 10rpx;
						color: #fff;
						font-size: 18rpx;
						background-color: #FF0000;
						margin-left: 8rpx;
						border-radius: 8rpx;
					}
					//广告
					.adverguan{
						background-color: #10bf2e;
					}

					.soon {
						margin: 10rpx 0;
						display: flex;
						justify-content: flex-start;
						align-items: center;
						font-size: 22rpx;
						color: $uni-color-primary;

						.soon-timers {
							display: flex;
							justify-content: center;
							align-items: center;

							text {
								margin: 0 8rpx;
								width: 40rpx;
								height: 40rpx;
								background-color: $uni-color-primary;
								color: #fff;
								border-radius: 8rpx;
								display: flex;
								justify-content: center;
								align-items: center;
							}
						}

						.soon-title {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100rpx;
							height: 30rpx;
							border: 1rpx solid $uni-color-primary;
							margin-right: 10rpx;
							font-size: 18rpx;
						}
					}
				}


				.soon-money {
					display: flex;
					justify-content: center;
					align-items: center;
					font-size: 20rpx;
					height: 45rpx;
					background-color: #06c17d;
					color: #fff;
					border-radius: 10rpx;
					margin-right: 20rpx;
					padding-right: 8rpx;

					image {
						width: 25rpx;
						height: 25rpx;
						margin: 0 8rpx;
					}
				}
			}

			.text-title {
				letter-spacing: 2rpx;
				font-size: 32rpx;
				color: #b39004;
				margin-top: 10rpx;
				display: flex;
				justify-content: flex-start;
				align-items: center;

				text {
					color: #808080;
					font-size: 32rpx;
				}

				.pin {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 30rpx;
					height: 30rpx;
					background-color: #dead61;
					color: #fff;
					border-radius: 8rpx;
					font-size: 18rpx;
					margin-right: 8rpx;
				}
			}

			.tip {
				background-color: #e1fdef;
				color: #0dd68e;
				padding: 8rpx;
				border-radius: 10rpx;
				font-size: 22rpx;
				margin-right: 8rpx;
			}
		}
	}
</style>
